import React from 'react';
import styles from './index.module.scss';
import { useTranslation } from 'react-i18next';
export default (props) => {
  const { t } = useTranslation();
  return (
    <div className={styles.wrapper}>
      <div className={styles.content}>
        <h1 className={styles.h1}>{t('menu.support.privacy.left.title')}</h1>

        <div className={styles.section}>
          <p>{t('menu.support.privacy.left.countent.one')}</p>
        </div>

        <div className={styles.section}>
          <p>{t('menu.support.privacy.left.countent.two')}</p>
        </div>

        <div className={styles.section}>
          <p>{t('menu.support.privacy.left.countent.three')}</p>
            <p>{t('menu.support.privacy.left.countent.three.one')}</p>
            <p>{t('menu.support.privacy.left.countent.three.two')}</p>
            <p>{t('menu.support.privacy.left.countent.three.three')}</p>
        </div>

        <div className={styles.section}>
          <p>{t('menu.support.privacy.left.countent.three.four')}</p>
        </div>
      </div>
    </div>
  );
}
